{if $result_info}
<style>
    .mbti_user {
        width: 100%;
        height: 65px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .mbti_user .avatar {
        width: 65px;
        height: 65px;
        border-radius: 32.5px;
    }
    .mbti_user .mbti_user_txt {
        width: calc(100% - 130px);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .mbti_user .mbti_user_txt .nickname {
        height: 20px;
        line-height: 20px;
        width: 100%;
        padding-left: 10px;
        font-size: 18px;
        font-weight: 600;
    }
    .mbti_user .mbti_user_txt .bio {
        height: 20px;
        line-height: 20px;
        width: 100%;
        padding-left: 10px;
    }
    .mbti_user .sex{
        width: 65px;
        height: 65px;
        line-height: 65px;
        text-align: center;
        font-size: 40px;
    }
    .mbti_user .sex .fa-male{
        color: #000000
    }
    .mbti_user .sex .fa-female{
        color: #FFB6C1
    }
    .result_title{
        color: #333333;
        display: block;
        font-weight: bold;
        font-style: normal;
    }
    .result_describe{
        height: 600px;
        overflow: scroll;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-lead"><em>场景名称</em>{if $scene_info}{$scene_info.name}{/if}</div>
        {if $mbti_user}
        <div class="panel-lead"><em>用户信息</em></div>
        <div class="mbti_user">
            <img class="avatar" src="{$mbti_user.avatar}" />
            <div class="mbti_user_txt">
                <div class="nickname">{$mbti_user.nickname}</div>
                <div class="bio">{$mbti_user.bio|default=__("This guy hasn't written anything yet")|htmlentities}</div>
            </div>
            {if $row}
            <div class="sex">
                <i class="fa fa-{$row.sex}"></i>
            </div>
            {/if}
        </div>
        {/if}
    </div>
    {if $result_info}
    <div class="row">
        <div class="col-xs-12 col-sm-4">
            <div class="result_title">结果名称</div>
        </div>
        <div class="col-xs-12 col-sm-8">
            <div class="result_title">{$result_info.name}</div>
        </div>
        <div class="col-xs-12 col-sm-4">
            <div class="result_title">结果介绍</div>
        </div>
        <div class="col-xs-12 col-sm-8 result_describe">
            {$result_info.describe}
        </div>
    </div>
    {/if}
</div>
{/if}